@charset "UTF-8";
.web{
    width: 1366px;
    .content{
        width: 992px;
        height: 995px;
        padding-top: 44px;
        padding-left: 120px;
        box-sizing: border-box;
        .content_top{
            height: 82px;            
            p{
                display: inline-block;
                font-size: 19px;
                color: #435059;
            }
//          img{
//              margin-left: 245px;
//              margin-right: 7px;
//          }
//          span{
//              position: relative;
//              bottom: 3px;
//              font-size: 12px;
//              color: #878787;
//          }
        }
        .content_bottom{
            width: 542px;
            height: 718px;
            background: #f7f7f7;
            form{
                ul{
                    li{
                        font-size: 12px;
                        em{
                            color: red;
                        }
                        p{
                            color: #444F58;
                            font-weight: bold;
                        }
                    }
//                  li:first-of-type{
//                      height: 78px;                       
//                      a{
//                          display: inline-block;
//                          width: 499px;
//                          height: 40px;
//                          line-height: 40px;
//                          border-radius: 3px;
//                          background: #EB413B;
//                          text-align: center;
//                          color: #fff;
//                          margin-left: 20px;
//                          margin-top: 18px;
//                      }                      
//                  }
                    li:first-of-type{                       
                        text-align: left;
                        padding-top: 32px;
                        em,span{
                            position: relative;
                            bottom: 41px;
                            left: 104px;                           
                        }
                        span{
                            color: #444F58;
                            font-weight: bold;
                        }
                        label{
                            position: relative;
                            left: 122px;
                            cursor: crosshair;
                        }
                        input{
                            display: none;
                        }                                  
                    }
                    li:nth-of-type(2){
                        width: 328px;
                        height: 40px;
                        background: #f0f0f0;
                        text-align: center;                     
                        margin: 17px 0px 23px 102px;
                        padding-top: 11px;
                        box-sizing: border-box;
                        img{
                            position: relative;
                            top: 3px;
                        }
                        span{
                            color: #878787;
                        }
                    }
                    li:nth-of-type(3){
                        width: 341px;
                        border-top: 1px solid #e7e7e7;
                        box-sizing: border-box;
                        padding-top: 20px;
                        margin-left: 102px;
                        input{
                            width: 336px;
                            height: 42px;
                            box-sizing: border-box;
                            border: 1px solid #e7e7e7;
                            border-radius: 3px;
                            padding-left: 4px;
                            margin-top: 4px;
                            margin-bottom: 4px;
                        }
                        .red_p{
                            color: red;
                        }
                    }
                    li:nth-of-type(4){
                        margin-left: 102px;
                        margin-top: 14px;
                        input{
                            width: 169px;
                            height: 42px;
                            box-sizing: border-box;
                            border: 1px solid #e7e7e7;
                            padding-left: 4px;
                        }
                        a{
                            color: #878787;
                            &:hover{
                                color: red;
                            }
                        }
                    }
                    li:nth-of-type(5){
                        margin-left: 102px;
                        margin-top: 24px;
                        textarea{
                            width: 336px;
                            height: 120px;
                            box-sizing: border-box;
                            border: 1px solid #e7e7e7;
                            padding-left: 4px;
                            margin-top: 13px;
                        }
                    }
                    li:nth-of-type(6){
                        margin-left: 104px;
                        margin-top: 12px;
                        input{
                            width: 15px;
                            height: 15px;
                        }
                        span{
                            position: relative;
                            bottom: 3px;
                            margin: 0 6px;
                            color: #444F58;
                        }
                        a{
                            position: relative;
                            bottom: 3px;
                            color: #444F58;
                            &:hover{
                                color: red;
                                cursor: help;
                            }
                        }
                    }
                    li:last-of-type{
                        margin-left: 102px;
                        margin-top: 20px;
                        input{
                            width: 150px;
                            height: 50px;
                            background: #EB413B;
                            border-radius: 25px;
                            cursor: pointer;
                            color: #fff;
                        }
                    }
                }
            }
        }
    }    
}

